<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>login</title>
    <link rel="stylesheet" href="../css/login.css" type="text/css">
    <link rel="stylesheet" href="../css/reset.css" type="text/css">

</head>
<body>
    <!--顶部导航栏  -->
    <header>
        <nav>
            <img src="">
            <span>中文邮箱第一品牌</span> 

            <ul>
                <li><a href="javascript:void(0)">企业邮箱</a></li>
                <li><a href="javascript:void(0)">VIP邮箱</a></li>
                <li><a href="javascript:void(0)">会员PLUS</a></li>
                <li><a href="javascript:void(0)">海外用户登录</a></li>
                <li class="mail"><a href="javascript:void(0)">邮箱大师</a></li>
                <li><a href="javascript:void(0)">帮助</a></li>
                <li><a href="javascript:void(0)">登录反馈</a></li>
            </ul>
        </nav>
    </header>
    <main class="content">
        <div class="mainImgs"></div>
        <div class="loginRoot">
            <button class="codeBtn"></button>
            <div class="loginMain">
                <h3>邮箱帐号登录</h3>
                <div class="mailRoot">
                    <input id="accountInput" type="text" placeholder="邮箱帐号或手机号码">@163.com
                </div>
                <div class="passwordRoot">
                    <input id="passwordInput" type="text" placeholder="输入密码">
                </div>
                <div class="optionsRoot clear">
                    <input type="checkbox" name="" id="mianDeng">
                    <label for="mianDeng">十天内免登录</label>
                    <a href="javascript:void(0)">忘记密码?</a>
                </div>
                <a href="javascript:void(0)" id="subBtn">登&nbsp;&nbsp;录</a>
                <div class="registBtnRoot">
                    <a href="javascript:void(0)">注册新账号</a>
                </div>
            </div>
            <footer class="loginFooter">
                <a href="javascript:void(0)"></a>
            </footer>
        </div>
        <div class="pageCtlRoot">
            <a class="leftCtl" href="javascript:void(0)"></a>
            <a class="rightCtl" href="javascript:void(0)"></a>
        </div>
    </main>
    <footer class="wrapFooter">
        <ul class="bottomList">
            <li class="bottomLiFirst"><a href="javascript:void(0)">网易首页</a></li>
            <li> <a href="javascript:void(0)">网易严选</a></li>
            <li> <a href="javascript:void(0)">网易有钱</a></li>
            <li> <a href="javascript:void(0)">政府公益热线</a></li>
            <li> <a href="javascript:void(0)">隐私政策</a></li>
        </ul>
        <br>
        <p class="bottomP">
                <span class="bottomInfo1">网易公司版权所有©1997-2019</span>&nbsp;&nbsp;<a href="javascript:void(0)">ICP证粤B2-20090191</a>&nbsp;&nbsp;&nbsp;<a href="javascript:void(0)">粤公网安备 44010602000311</a>&nbsp;<span class="bottomInfo2">（数据来源：艾媒邮箱报告）</span>
        </p>
        
    </footer>


</body>
<script src="../lib/js/jquery-3.4.1.min.js" type="text/javascript"></script>
<script src="../js/login.js" type="text/javascript"></script>

</html>